<div class='dashboard'>
    <row v-if="isEnableCustomized">
      <app-build @handleClick="handleClick.apply(_self, arguments)"></app-build>
    </row>
    <row v-if="!isHasCustomized">
      <i-col :md="{ span: 22, offset: 1 }" :lg="{ span: 22, offset: 1 }">
        <card class="portlet-card" :bordered="false" dis-hover :padding="0">
          <span>
                      <div class='portlet-container dashboard-viewdashboard-container1 ' :style="{}">
                <row>
                  <i-col :md="{ span: 24, offset: 0 }">
                      <div class="portlet-without-title">
                        <card class="portlet-card" :bordered="false" dis-hover :padding="0">
                          <span>
                                          <view_dashboard_sysportlet1 
                            :viewState="viewState"  
                            :viewparams="viewparams" 
                            :context="context" 
                            :height="60"
                            :width="0"
                            name="dashboard_sysportlet1"  
                            ref='dashboard_sysportlet1' 
                            @closeview="closeView($event)">
                        </view_dashboard_sysportlet1>
                          </span>
                        </card>
                      </div>
                  </i-col>
                </row>
            </div>
          </span>
        </card>
      </i-col>
      <i-col :md="{ span: 22, offset: 1 }" :lg="{ span: 22, offset: 1 }">
        <card class="portlet-card" :bordered="false" dis-hover :padding="0">
          <span>
                      <div class='portlet-container dashboard-viewdashboard-container2 ' :style="{}">
                <row>
                  <i-col :md="{ span: 24, offset: 0 }" :lg="{ span: 8, offset: 0 }">
                      <div class="portlet-without-title">
                        <card class="portlet-card" :bordered="false" dis-hover :padding="0">
                          <p slot='title'>
                            基本数据信息
                            <span class="line"></span>
                          </p>
                          <a slot='extra'></a>
                          <span>
                                          <div class='portlet-container dashboard-viewdashboard-container6 ' :style="{}">
                              <row>
                                <i-col :md="{ span: 24, offset: 0 }">
                                    <div class="portlet-without-title">
                                      <card class="portlet-card" :bordered="false" dis-hover :padding="0">
                                        <span>
                                                        <view_dashboard_sysportlet2 
                                          :viewState="viewState"  
                                          :viewparams="viewparams" 
                                          :context="context" 
                                          :height="280"
                                          :width="0"
                                          name="dashboard_sysportlet2"  
                                          ref='dashboard_sysportlet2' 
                                          @closeview="closeView($event)">
                                      </view_dashboard_sysportlet2>
                                        </span>
                                      </card>
                                    </div>
                                </i-col>
                              </row>
                          </div>
                          </span>
                        </card>
                      </div>
                  </i-col>
                  <i-col :md="{ span: 24, offset: 0 }" :lg="{ span: 8, offset: 0 }">
                      <div class="portlet-without-title">
                        <card class="portlet-card" :bordered="false" dis-hover :padding="0">
                          <p slot='title'>
                            参与项目概览
                            <span class="line"></span>
                          </p>
                          <a slot='extra'></a>
                          <span>
                                          <div class='portlet-container dashboard-viewdashboard-container7 ' :style="{}">
                              <row>
                                <i-col :md="{ span: 24, offset: 0 }">
                                    <div class="portlet-without-title">
                                      <card class="portlet-card" :bordered="false" dis-hover :padding="0">
                                        <span>
                                                        <view_dashboard_sysportlet6 
                                          :viewState="viewState"  
                                          :viewparams="viewparams" 
                                          :context="context" 
                                          :height="280"
                                          :width="0"
                                          name="dashboard_sysportlet6"  
                                          ref='dashboard_sysportlet6' 
                                          @closeview="closeView($event)">
                                      </view_dashboard_sysportlet6>
                                        </span>
                                      </card>
                                    </div>
                                </i-col>
                              </row>
                          </div>
                          </span>
                        </card>
                      </div>
                  </i-col>
                  <i-col :md="{ span: 24, offset: 0 }" :lg="{ span: 8, offset: 0 }">
                      <div class="portlet-without-title">
                        <card class="portlet-card" :bordered="false" dis-hover :padding="0">
                          <span>
                                          <div class='portlet-container dashboard-viewdashboard-container8 ' :style="{}">
                              <row>
                                <i-col :md="{ span: 24, offset: 0 }">
                                    <div class="portlet-without-title">
                                      <card class="portlet-card" :bordered="false" dis-hover :padding="0">
                                        <span>
                                                        <view_dashboard_sysportlet7 
                                          :viewState="viewState"  
                                          :viewparams="viewparams" 
                                          :context="context" 
                                          :height="330"
                                          :width="0"
                                          name="dashboard_sysportlet7"  
                                          ref='dashboard_sysportlet7' 
                                          @closeview="closeView($event)">
                                      </view_dashboard_sysportlet7>
                                        </span>
                                      </card>
                                    </div>
                                </i-col>
                              </row>
                          </div>
                          </span>
                        </card>
                      </div>
                  </i-col>
                </row>
            </div>
          </span>
        </card>
      </i-col>
      <i-col :md="{ span: 22, offset: 1 }" :lg="{ span: 22, offset: 1 }">
        <card class="portlet-card" :bordered="false" dis-hover :padding="0">
          <span>
                      <div class='portlet-container dashboard-viewdashboard-container3 ' :style="{}">
                <row>
                  <i-col :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }">
                      <div class="portlet-without-title">
                        <card class="portlet-card" :bordered="false" dis-hover :padding="0">
                          <p slot='title'>
                            完成任务数和解决Bug数
                            <span class="line"></span>
                          </p>
                          <a slot='extra'></a>
                          <span>
                                          <div class='portlet-container dashboard-viewdashboard-container4 ' :style="{}">
                              <row>
                                <i-col :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }">
                                    <div class="portlet-without-title">
                                      <card class="portlet-card" :bordered="false" dis-hover :padding="0">
                                        <span>
                                                        <view_dashboard_sysportlet3 
                                          :viewState="viewState"  
                                          :viewparams="viewparams" 
                                          :context="context" 
                                          :height="350"
                                          :width="0"
                                          name="dashboard_sysportlet3"  
                                          ref='dashboard_sysportlet3' 
                                          @closeview="closeView($event)">
                                      </view_dashboard_sysportlet3>
                                        </span>
                                      </card>
                                    </div>
                                </i-col>
                                <i-col :md="{ span: 12, offset: 0 }" :lg="{ span: 12, offset: 0 }">
                                    <div class="portlet-without-title">
                                      <card class="portlet-card" :bordered="false" dis-hover :padding="0">
                                        <span>
                                                        <view_dashboard_sysportlet4 
                                          :viewState="viewState"  
                                          :viewparams="viewparams" 
                                          :context="context" 
                                          :height="350"
                                          :width="0"
                                          name="dashboard_sysportlet4"  
                                          ref='dashboard_sysportlet4' 
                                          @closeview="closeView($event)">
                                      </view_dashboard_sysportlet4>
                                        </span>
                                      </card>
                                    </div>
                                </i-col>
                              </row>
                          </div>
                          </span>
                        </card>
                      </div>
                  </i-col>
                  <i-col :md="{ span: 24, offset: 0 }" :lg="{ span: 12, offset: 0 }">
                      <div class="portlet-without-title">
                        <card class="portlet-card" :bordered="false" dis-hover :padding="0">
                          <p slot='title'>
                            月完成任务数及累计工时和解决Bug数
                            <span class="line"></span>
                          </p>
                          <a slot='extra'></a>
                          <span>
                                          <div class='portlet-container dashboard-viewdashboard-container5 ' :style="{}">
                              <row>
                                <i-col :md="{ span: 24, offset: 0 }">
                                    <div class="portlet-without-title">
                                      <card class="portlet-card" :bordered="false" dis-hover :padding="0">
                                        <span>
                                                        <view_dashboard_sysportlet5 
                                          :viewState="viewState"  
                                          :viewparams="viewparams" 
                                          :context="context" 
                                          :height="350"
                                          :width="0"
                                          name="dashboard_sysportlet5"  
                                          ref='dashboard_sysportlet5' 
                                          @closeview="closeView($event)">
                                      </view_dashboard_sysportlet5>
                                        </span>
                                      </card>
                                    </div>
                                </i-col>
                              </row>
                          </div>
                          </span>
                        </card>
                      </div>
                  </i-col>
                </row>
            </div>
          </span>
        </card>
      </i-col>
    </row>
    <row v-if="isHasCustomized" style="width: 100%;min-height: calc(100% - 40px);">
      <div class="portlet-container" style="position: relative;width:100%;">
        <template v-for="(item, index) of modelDta">
        <div :key="index" :style="{zIndex: 10, position: 'absolute', height: item.h*layoutRowH + 'px', width: `calc(100% / ${layoutColNum} * ${item.w})`,top: item.y*layoutRowH + 'px', left: `calc(100% / ${layoutColNum} * ${item.x})`}">
          <component :key="$util.createUUID()" :is="item.componentName" :name="item.portletCodeName" :context="JSON.parse(JSON.stringify(context))" :viewDefaultUsage="false" :isAdaptiveSize="true" :viewState="viewState"></component>
        </div>
        </template>
    </div>
    </row>
</div>